home *** CD-ROM | disk | FTP | other *** search
/ CrystalVision Software Se… Wiki Wonder - Wikipedia / CrystalVision Software Services 703: The Wiki Wonder - Wikipedia.iso / 0703 / Business / CodeX Apps / CodeX.exe / CodeX / WebExport / default / .system / fluidity.css
Encoding:
Cascading Style Sheet File  |  2006-12-13  |  4.3 KB  |  113 lines
  1. /* A fluid template for business or fun */
  2. /* By Dave Reeder, www.davereederdesign.com */
  3.  
  4. body { margin: 0; padding: 0; background: #262626; }
  5.  
  6. * {margin: 0; padding: 0; border: 0; font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Arial, simsun, sans-serif; }
  7.  
  8.  
  9. /*------------Basic styles------------*/
  10.  
  11. p, h1, h2, h3, span#copyright, span#design { margin: 0 10px; color: #fff; font-weight: normal; text-decoration: none; background: transparent }
  12.  
  13. p { font-size: 0.8em; line-height: 1.4em; text-align: justify }
  14. h1 { font-size: 1.8em; line-height: 1.4em; letter-spacing: 0.2em; margin:40px 0 0 60px; }    /* site heading */
  15. h2 { font-size: 1.0em; line-height: 1.4em; color: #FFA000 }    /* site heading */
  16. h3 { font-size: 0.8em; line-height: 1.4em; color: #FFA000  }                /* sub headings */
  17. span#copyright { font-size: 13px; line-height: 35px }  /* sets the copyright styles */
  18. span#design {  float: right; font-size: 13px; line-height: 35px }  /* floats the design link into position */
  19. span.validation {  float: right; margin-right: 10px; } /* floats the validation buttons */
  20. .validation img {  margin: 0; } /* floats the validation buttons */
  21.  
  22. div { padding: 10px 0;}
  23.  
  24. #hdrimg a {color: #06FF00; text-decoration: none; font-weight: normal;}
  25. #hdrimg a strong {color: #fff; text-decoration: none; font-weight: normal;}
  26. #hdrimg a:hover {color: #fff; text-decoration: none; font-weight: normal;}
  27. #hdrimg a:hover strong {color: #06FF00; text-decoration: none; font-weight: normal;}
  28.  
  29. a {color: #06FF00; text-decoration: none}
  30. a:hover {color: #fff; text-decoration: underline}
  31.  
  32. cite {color:#ccc;font-style:normal;}
  33. /*-------------Layout----------------*/
  34.  
  35. #hdrimg {            /* Large image */
  36.     float: left;             
  37.     width: 100%;
  38.     margin-bottom: 5px;
  39.     background: url('images/hdr.gif') repeat-x;
  40.     height: 170px;      /* ie5x hack begins here */     
  41.     voice-family: "\"}\"";
  42.     voice-family: inherit;
  43.     height: 150px;
  44. }
  45. html>body #hdrimg {
  46.     height: 150px;        /* ie5x hack ends here */
  47. }
  48.  
  49. .rowcontainer {                        /* Used to keep the divs in a row.  you can use this for any size of divs */
  50.     float: left;
  51.     margin-bottom: 5px;
  52.     width: 100%;
  53.     overflow: hidden;
  54.     background: #333;
  55. }
  56.  
  57. #bttmbar { float: left; width: 100%; height: 35px; background: url('images/hdr.gif') bottom repeat-x }    /* Bottom copyright bar */
  58.  
  59.  
  60. /*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 
  61.  
  62. .fullcolumn { float: left; width: 99%;}        /* Full width column for a one column site */
  63.             
  64. .halfcolumn { float: left; width: 49%;}        /* Half width column for a two column site. */
  65.  
  66. .onethirdcolumn { float: left; width: 33%; }        /* One third width column for a three column site */
  67.  
  68. .quartercolumn { float: left; width: 24.5% }        /* One quarter width column for a four column site */
  69.  
  70.  
  71. /*------------------------------Main Navigation------------------------------------------*/
  72.  
  73. #nav { position: absolute; top: 145px; left: 0px; height: 25px; width: 100% }
  74.  
  75. ul#nav  { margin: 0 }
  76.  
  77. #nav li  /* Main nav list items */
  78. {
  79.     font-size: 13px;
  80.     float: left;
  81.     list-style: none;
  82.     text-align: center
  83. }
  84.  
  85. #nav li a {   /* Main nav styles for all links */
  86.     display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
  87.     margin-left: 5px; /* adds a gap between the tabs */
  88.     width: 90px;     /* width of the tab */
  89.     line-height: 25px; /* height of the tab */
  90.     text-decoration: none;
  91. }
  92.      
  93. #nav a:link, #nav a:visited  { background: url('images/tab.gif') no-repeat 0 -25px }
  94.  
  95. #nav a:hover, #nav a:active { background: url('images/tab.gif') no-repeat 0 0 }
  96.  
  97. #nav a#current { background: url('images/tab.gif') no-repeat 0 0 }
  98.  
  99.  
  100. /*-----------------------------------Other tags-----------------------------------------*/
  101.  
  102. acronym { border-bottom: 1px dashed #999; cursor: help }
  103.  
  104. /* lists */
  105. ul { margin: 5px 0 5px 35px; list-style: url('images/bullet.gif') }
  106. ol { margin: 5px 0 5px 35px; list-style: decimal }
  107. ol li, ul li { color: #fff; font-size: 0.8em; line-height: 1.4em }
  108.  
  109. hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */
  110.  
  111. img {margin: 0 10px} /* all images styling */
  112. img.right {float: right}  /* right floating images */
  113. img.left {float: left}   /* left floating images */